<!DOCTYPE html>
<html>
<head>
	<s3:data name='CollDatas.headerScript' />
	<s3:import type="css"></s3:import>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}">
    <title id="title"></title>
    <style>
        .cmp-h5 {
            font-size: 16px;
            color: #666666;
        }
        #list_content li{
            position: relative;
            padding-left: .4rem!important;
            padding-right: .4rem!important;
            border-bottom: none;
            padding-top: 10px;
            padding-bottom: 0;
        }
        #list_content .cmp-list-cell-info{
            float: left;
            padding-left: .27rem;
            margin-top: 12px;
        }
        #list_content .null_pel_time{
            margin-top: 0;
        }
        #list_content .cmp-list-navigate{
            width: .26rem;
            text-align: right;
            float: left;
            margin-left: .26rem;
        }
        .file-index-content .cmp-list-cell-info{
            width: 7.6rem !important;
        }
        @media screen and (max-width: 360px) {
            #list_content .cmp-list-navigate{
                width: 6%;
                text-align: right;
            }
            .file-index-content .cmp-list-cell-info{
                width: 78% !important;
            }
        }

        #list_content .cmp-list-navigate a{
            margin-right: 0;
            color: #c7c7c7;
            margin-top: 10px;
            margin-left: -.18rem;
        }
        .cmp-crumbs-content{
            width: 100%;
            height: 30px;
        }
        .cmp-crumbs-content:before{
            content: "";
            display: block;
            position: absolute;
            left: -50%;
            width: 200%;
            height: 1px;
            bottom: 0;
            background: #c8c7cc;
            -webkit-transform:scale(0.5);
        }
        #breadTop{
            margin: 10px 12px 4px 12px;
            line-height: 16px;
            bottom: 12px;
        }
        #breadTop .right-icon{
            margin-left: 5px;
            margin-right: 5px;
        }
        #breadcrumb .right-icon{
             margin-left: 7px;
             margin-right: 7px;
         }
        #breadTop .local{
            color: #3aadfb;
            font-size: 16px;
        }
        #breadTop .bread-target{
            margin-left: 7px;
            font-size: 16px;
            color: #c7c7c7;
        }
        #breadTop a.no-text{
             /*margin-left: 10px;*/
             font-size: 16px;
             color: #999999;
         }
        #breadTop a.on-text{
            /*margin-left: 10px;*/
            font-size: 16px;
            color: #3aadfb;
        }
        .cmp-segmented_title_content{
            background-color: #ffffff;
            padding: 0 12px;
        }
        #list_content li.file_indie{
            padding-left: .4rem!important;
            padding-right: .4rem!important;
            border-bottom: none;
            padding-top: 10px;
            padding-bottom: 0;
        }
        #list_content li.file_indie .list_title_name a{
            font-size: 16px;
            color: #333;
        }
        #list_content li.file_indie .list_cont_info{
            font-size: 14px;
            line-height: 24px;
            color: #666;
        }
        #list_content li.file_indie .cmp-list-navigate .text_info{
            font-size: 14px;
            margin-top: 8px;
        }
        #list_content li.file_indie .cmp-list-navigate .text_info_null{
            font-size: 14px;
            margin-top: 24px;
        }
        #list_content li.file_indie .cmp-list-navigate{
            line-height: 14px;
        }
        #allPending{
            background-color: white;
        }
        #boxscrolll{
            background-color: #fff;
        }
        .cmp-table-view-cell:after{
            height: 0;
        }
        .list_count{
            width: 20%;
            text-align: right;
        }
        .cmp-v5-search-content .cmp-content-title-search{
            border-bottom: none!important;
        }
        .noAttar{
            margin-top: 22px!important;
        }
        input[disabled]{
            background-color: white!important;
            opacity: 1;
        }

        /**/
        #add{
            padding-top: 13px;
        }
        .addDivFilter{
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -ms-filter: blur(5px);
            -o-filter: blur(5px);
            filter: blur(5px);
        }
        #addDiv{
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 51;
			background: rgba(255,255,255,.7);
        }
        #addDiv .add-upload{
            width: 85%;
            margin-left: 7.5%;
            margin-top: 75%;
        }
        #addDiv .add-upload .add-upload-pic,#addDiv .add-upload .add-upload-doc,#addDiv .add-upload .add-upload-folder{
            float: left;width: 33%;
        }
        #addDiv .add-upload .add-upload-pic .add-upload-pic-back{
            width: 80px;
            height: 80px;
            border-radius: 100%;
            background: #929def;
            margin: 0 auto;
            text-align: center;
        }
        #addDiv .add-upload .add-upload-pic .add-upload-pic-back span{
            margin-top: 22px;
            font-size: 38px;
            color: #ffffff;
        }
        #addDiv .add-upload .add-upload-doc .add-upload-doc-back{
            width: 80px;
            height: 80px;
            border-radius: 100%;
            background: #6dc666;
            margin: 0 auto;
            text-align: center;
        }
        #addDiv .add-upload .add-upload-doc .add-upload-doc-back span{
            margin-top: 22px;
            font-size: 38px;
            color: #ffffff;
        }
        #addDiv .add-upload .add-upload-folder .add-upload-folder-back{
            width: 80px;
            height: 80px;
            border-radius: 100%;
            background: #4fb2fc;
            margin: 0 auto;
            text-align: center;
        }
        #addDiv .add-upload .add-upload-folder .add-upload-folder-back span{
            margin-top: 22px;
            font-size: 38px;
            color: #ffffff;
        }
        #addDiv .add-upload .add-upload-pic .add-upload-pic-type{
            text-align: center;
            margin-top: 10px;
            line-height: 14px;
        }
        #addDiv .add-upload .add-upload-pic .add-upload-pic-type span{
            font-size: 14px;
            color: #333333;
        }
        #addDiv .add-upload .add-upload-doc .add-upload-doc-type{
            text-align: center;
            margin-top: 10px;
            line-height: 14px;
        }
        #addDiv .add-upload .add-upload-doc .add-upload-doc-type span{
            font-size: 14px;
            color: #333333;
        }
        #addDiv .add-upload .add-upload-folder .add-upload-folder-type{
            text-align: center;
            margin-top: 10px;
            line-height: 14px;
        }
        #addDiv .add-upload .add-upload-folder .add-upload-folder-type span{
            font-size: 14px;
            color: #333333;
        }
        #addDiv .add-remain{
            text-align: center;
            margin-top: 60px;
            line-height: 14px;
        }
        #addDiv .add-remain span{
            font-size: 14px;
            color: #999;
        }
        #addDiv .add-close{
            text-align: center;
            margin-top: 54px;
        }
        #addDiv .add-close span{
            color: #3aadfb;
            font-size: 30px;
        }
        /**/
        .cmp-list-cell .cmp-list-cell-img{
            float: left;
        }
        .cmp-list-cell .cmp-list-cell-img .noFolder{
            width: 36px!important;
            height: 40px!important;
            margin-left: .13rem;
        }
        .cmp-list-cell .cmp-list-cell-img .folder{
            width: 40px!important;
            height: 36px!important;
        }
        @media screen and (max-width: 320px) {
            .cmp-list-cell .cmp-list-cell-img .noFolder{
                width: 30px!important;
                height: 34px!important;
                margin-left: 5px;
            }
            .cmp-list-cell .cmp-list-cell-img .folder{
                width: 34px!important;
                height: 30px!important;
            }
        }
        .file-index-content .cmp-list-cell-info .text_info{
            width: auto;
        }
        .file-index-content .cmp-list-cell-info .doc-list-username span,
        .file-index-content .cmp-list-cell-info .doc-list-time span,
        .file-index-content .cmp-list-cell-info .doc-list-size span{
            font-size: 12px;
            color: #666;
        }
        #list_content li:before{
            content: "";
            display: block;
            position: absolute;
            left: -50%;
            width: 200%;
            height: 1px;
            bottom: 0;
            background: #c8c7cc;
            -webkit-transform:scale(0.5);
        }
        .file-index-content .file_indie .cmp-list-navigate{
            width: 5%!important;
        }
        .file-index-content .file_indie .cmp-list-cell-info{
            width: 78%!important;
        }
        /**/
    </style>
</head>
<body>
<!-- <header id="doc_common_header" class="cmp-bar cmp-bar-nav">
    <div id="prev" style="display:inline-block;">
		<a class="cmp-action-back cmp-icon see-icon-v5-common-arrow-back cmp-pull-left cmpCommonPageBackBtn"></a>
		<div class="doc-back">
			<span><i18n key="doc.h5.back"></i18n></span>
		</div>
		<div style="clear:both;"></div>
	</div>
    <h1 class="cmp-title"><span style="font-size: 18px;"><i18n key="doc.h5.docCenter"></i18n></span></h1>
</header> -->
<div class="cmp-content position_relative cmp-content-none" id="list">
	<div class="cmp-segmented_title_content">
        <div class="cmp-segmented_title_content">
            <div id="search" class="position_relative boder_bottom">
                <div class="position_relative cmp-v5-search-content">
                  <div class="cmp-segmented_title_content ">
                    <div class="cmp-content-title-search m1_search_title ">
                      <div id="cmp_search_textHandler" class="cmp-input-row cmp-search search_handler cmp-v5-transition-width-return" style="width: 100%; display: inline-block;">
                        <span class="cmp-icon cmp-icon-search search-btn cmp-hidden"></span>
                        <form id="cmp-search-input" onsubmit="return false;"></form>
                        <input type="search" disabled name="search" form="cmp-search-input" class="btn cmp-input-clear cmp-v5-search-textBtn">
                        <span class="cmp-icon cmp-icon-clear cmp-hidden"></span>
                        <span class="cmp-placeholder">
                          <span class="cmp-icon cmp-icon-search"></span>
                          <span><i18n key="doc.h5.search"></i18n></span>
                        </span>
                      </div>
                    </div>
                </div>
            </div>
          </div>
          <div id="reSearch" class="position_relative cmp-search-content" style="display: none;">
            <div class="cmp-segmented-control cmp-search-title ">
              <div class="cmp-search-item">
                <span class="title" id="cmp_search_title"></span>
              </div>
              <div id="toSearch" class="cmp-search-item">
                <div id="searchText" class="item text cmp-active">
                  <input id="searchTextValue" type="text" readonly="readonly">
                </div>
                <div id="searchDate" class="item date">
                  <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly">
                  <span>-</span>
                  <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly">
                </div>
              </div>
              <div class="cmp-search-item">
                <span id="cancelSearch" class="gotoSearch"><i18n key="doc.h5.cancel"></i18n></span>
              </div>
            </div>
          </div>
        </div>
    </div>
    <div class="cmp-control-content cmp-active">
        <div id="allPending" class="  cmp-scroll-wrapper">
            <div class="cmp-scroll">
                <ul class="cmp-list-content cmp-table-view file-index-content" id="list_content">

                </ul>
            </div>
        </div>
    </div>
</div>
<div id="uploadFile"></div>
<script type="text/html" id="pageContent_tpl">
    <% for(var i = 0,len = this.length;i < len; i++){ %>
    <% var obj = this[i];
    var folder = "cmp-icon-document folder";
    var doc = "cmp-icon-document doc noFolder";
    var xls = "cmp-icon-document xls noFolder";
    var ppt = "cmp-icon-document ppt noFolder";
    var pdf = "cmp-icon-document pdf noFolder";
    var wps = "cmp-icon-document wps noFolder";
    var html = "cmp-icon-document html noFolder";
    var rar = "cmp-icon-document rar noFolder";
    var et = "cmp-icon-document et noFolder";
    var img = "cmp-icon-document img noFolder";
    var emptyfile = "cmp-icon-document emptyfile noFolder";
    var calender = "cmp-icon-document calender noFolder";
    var link = "cmp-icon-document link noFolder";
    var squares = "cmp-icon-document squares noFolder";
    var synergy = "cmp-icon-document synergy noFolder";
    var flag = "cmp-icon-document flag noFolder";
    var meet = "cmp-icon-document meet noFolder";
    var txt = "cmp-icon-document txt noFolder";
    var music = "cmp-icon-document music noFolder";
    var video = "cmp-icon-document video noFolder";
    var news = "cmp-icon-document news noFolder";
    var confirm = "cmp-icon-document confirm noFolder";
    var minvideo = "cmp-icon-document minvideo noFolder";
    var message = "cmp-icon-document message noFolder";
    %>
    <%if(obj.is_folder){%>
    <li class="cmp-list-cell" cmp-data='<%=cmp.toJSON(obj).escapeHTML() %>'>
        <div class="cmp-list-cell-img cmp-left doc-yesFolder">
            <div class="<%=folder%>"></div>
        </div>
        <div class="cmp-list-cell-info null_pel_time">
            <span class="cmp-ellipsis cmp-pull-left  list_title_name">
                <%=escapeStringToHTML(obj.fr_name)%>
            </span>
            <div class="list_cont_info">
                <div class="doc-list-username cmp-ellipsis" style="width: 1.5rem;float: left;padding-top: .15rem;">
                    <span><i18n key="doc.h5.doc"></i18n>：<%=obj.next_Doc_Num%></span>
                </div>
                <div class="doc-list-time cmp-ellipsis" style="width: 3.2rem;float: left;padding-left: .3rem;padding-top: .15rem;">     <span><i18n key="doc.h5.folder"></i18n>：<%=obj.next_Folder_Num%></span>
                </div>

                <div style="clear: both;"></div>
            </div>
        </div>
        <div class="cmp-list-navigate">
            <a href="#" id="<%=obj.fr_id%>" class="cmp-icon cmp-icon-arrowright"></a>
        </div>
        <%}else if(obj.fr_mine_type==22
        ||obj.fr_mine_type==51||obj.fr_mine_type==9||obj.fr_mine_type==1||obj.fr_mine_type==2||obj.fr_mine_type==4
		||obj.fr_mine_type==5||obj.fr_mine_type==6||obj.fr_mine_type==7||obj.fr_mine_type==8){%>
    <li class="cmp-list-cell file_indie" cmp-data='<%=cmp.toJSON(obj).escapeHTML() %>'>
        <div class="cmp-list-cell-img cmp-left">
            <%if(obj.fr_mine_type==22){%>
            <div class="<%=html%>"></div>
            <%}else if(obj.fr_mine_type==51){%>
            <div class="<%=link%>"></div>
            <%}else if(obj.fr_mine_type==9){%>
            <div class="<%=squares%>"></div>
            <%}else if(obj.fr_mine_type==1){%>
            <div class="<%=synergy%>"></div>
            <%}else if(obj.fr_mine_type==2){%>
            <div class="<%=flag%>"></div>
            <%}else if(obj.fr_mine_type==5){%>
            <div class="<%=news%>"></div>
			<%}else if(obj.fr_mine_type==4){%>
            <div class="<%=meet%>"></div>
            <%}else if(obj.fr_mine_type==6){%>
            <div class="<%=minvideo%>"></div>
            <%}else if(obj.fr_mine_type==7){%>
            <div class="<%=confirm%>"></div>
            <%}else if(obj.fr_mine_type==8){%>
            <div class="<%=message%>"></div>
            <%}%>
        </div>
        <div class="cmp-list-cell-info null_pel_time">
            <span class="cmp-ellipsis cmp-pull-left  list_title_name"><a href="#"><%=escapeStringToHTML(obj.fr_name)%></a></span>
            <div class="list_cont_info">
                <div class="doc-list-username cmp-ellipsis" style="width: 1.5rem;float: left;">
                    <span><%=obj.fr_create_username%></span>
                </div>
                <div class="doc-list-time cmp-ellipsis" style="width: 3.2rem;float: left;padding-left: .3rem;">
                    <span><%=obj.fr_create_time%></span>
                </div>
                <div class="doc-list-size cmp-ellipsis" style="width: 1.5rem;float: left;padding-left: .3rem;">
                    <%if(obj.fr_size == 0){%>
                    <span class="cmp-h5 text_info_null "></span>
                    <%}else{%>
                    <span class="cmp-h5 text_info cmp-ellipsis"><%=bytesToSize(obj.fr_size) %></span>
                    <%}%>
                </div>
                <div style="clear: both;"></div>
            </div>
        </div>
        <div class="cmp-list-navigate">
            <%if(obj.hasAtt){%>
            <span class="cmp-h5 cmp-icon see-icon-accessory" style="display: block;margin-top: 2px;"></span>
            <%}%>
        </div>
    </li>
    <%}else{%>
    <li class="cmp-list-cell treatment file_indie" cmp-data='<%=cmp.toJSON(obj).escapeHTML() %>'>
        <!-- 左滑下载屏蔽
			<%if(cmp.system.filePermission()){%>
        	<div class="cmp-slider-right cmp-disabled">
            	<div class="cmp-slider-after-handle cmp-btn" id="<%=obj.file_id%>" name="<%=obj.file_name%>">
                	<div class="cmp-icon-synergy relay conduct"><span class="text">保存</div></span>
            	</div>
        	</div>
        	<%}%>
		-->
        <div class="cmp-slider-handle">
            <div class="cmp-list-cell-img cmp-left">
                <%if(obj.fr_mine_type==101||obj.fr_mine_type==23||obj.fr_mine_type==25){%>
                <div class="<%=doc%>"></div>
                <%}else if(obj.fr_mine_type==102||obj.fr_mine_type==24||obj.fr_mine_type==26){%>
                <div class="<%=xls%>"></div>
                <%}else if(obj.fr_mine_type==103){%>
                <div class="<%=pdf%>"></div>
                <%}else if(obj.fr_mine_type==104){%>
                <div class="<%=ppt%>"></div>
                <%}else if(obj.fr_mine_type==105){%>
                <div class="<%=txt%>"></div>
                <%}else if(obj.fr_mine_type==107||obj.fr_mine_type==108){%>
                <div class="<%=html%>"></div>
                <%}else if(obj.fr_mine_type==119){%>
                <div class="<%=rar%>"></div>
                <%}else if(obj.fr_mine_type==120){%>
                <div class="<%=et%>"></div>
                <%}else if(obj.fr_mine_type==121){%>
                <div class="<%=wps%>"></div>
                <%}else if(obj.fr_mine_type==109||obj.fr_mine_type==110||obj.fr_mine_type==111||obj.fr_mine_type==112||obj.fr_mine_type==117||obj.fr_mine_type==118){%>
				<img src="<%=cmp.origin%>/commonimage.do?method=showImage&id=<%=obj.file_id%>&size=custom&h=40&w=40" width="40" height="40"/>
				<%}else if(canOpen(escapeStringToHTML(obj.fr_name),true)==".mp3"){%>
                <div class="<%=music%>"></div>
                <%}else if(canOpen(escapeStringToHTML(obj.fr_name),true)==".mp4"){%>
                <div class="<%=video%>"></div>
                <%}else if(canOpen(escapeStringToHTML(obj.fr_name),true)==".arm"){%>
                <div class="<%=video%>"></div>
                <%}else{%>
                <div class="<%=emptyfile%>"></div>
                <%}%>
            </div>
            <div class="cmp-list-cell-info null_pel_time">
                <span class="cmp-ellipsis cmp-pull-left  list_title_name"><a href="#"><%=escapeStringToHTML(obj.fr_name)%></a></span>
                <div class="list_cont_info">
                    <div class="doc-list-username cmp-ellipsis" style="width: 1.5rem;float: left;">
                        <span><%=obj.fr_create_username%></span>
                    </div>
                    <div class="doc-list-time cmp-ellipsis" style="width: 3.2rem;float: left;padding-left: .3rem;">
                        <span><%=obj.fr_create_time%></span>
                    </div>
                    <div class="doc-list-size cmp-ellipsis" style="width: 1.5rem;float: left;padding-left: .3rem;">
                        <%if(obj.fr_size == 0){%>
                        <span class="cmp-h5 text_info cmp-ellipsis">0KB</span>
                        <%}else{%>
                        <span class="cmp-h5 text_info cmp-ellipsis"><%=bytesToSize(obj.fr_size) %></span>
                        <%}%>
                    </div>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div class="cmp-list-navigate">
            	<%if(obj.hasAtt){%>
            		<span class="cmp-h5 cmp-icon see-icon-accessory" style="display: block;margin-top: 2px;"></span>
            	<%}%>
            </div>
        </div>
        <%}%>
    </li>
    <%}%>
</script>
<s3:data name='cordova' />
<s3:data name='CollDatas.footerScript' />
<s3:import type="js"></s3:import>
<script async="async" src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
<script async="async" src="${data:dependencies.cmp}/js/cmp-camera.js${data:buildversion}"></script>
<script async="async" src="<s3:data name='dependencies.doc'/>/js/docList4xz.js${data:buildversion}"></script>
<script async="async" src="<s3:data name='dependencies.doc'/>/js/flexible.js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.collaboration'/>/collaboration_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.edoc'/>/edoc_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.meeting'/>/meeting_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.bulletin'/>/bulletin_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.news'/>/news_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.bbs'/>/bbs_m_api.s3js${data:buildversion}"></script>
<script async="async" type="text/javascript" src="<s3:data name='dependencies.inquiry'/>/inquiry_m_api.s3js${data:buildversion}"></script>
</body>
</html>

